<!DOCTYPE html>
<html ng-app="myApp">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>SivaLabs</title>

    <!-- Bootstrap core CSS -->
    <link href="webjars/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
	<link href="webjars/bootstrap/3.1.1/css/bootstrap-theme.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="resources/css/styles.css" rel="stylesheet">
    <link href="webjars/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    
    <script type="text/javascript" src="webjars/jquery/1.9.0/jquery.min.js"></script>
    <script type="text/javascript" src="webjars/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="webjars/angularjs/1.2.16/angular.js"></script>
    <script type="text/javascript" src="webjars/angularjs/1.2.16/angular-route.js"></script>
    <script type="text/javascript" src="resources/js/app.js"></script>
    <script type="text/javascript" src="resources/js/controllers.js"></script>
    
    
  </head>

  <body>

     <!-- Fixed navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">SivaLabs</a>
        </div>
        <div class="navbar-collapse collapse">
          <!-- 
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>            
          </ul>
           -->
          <ul class="nav navbar-nav navbar-right">
            <!-- <li><a href="#">My Profile</a></li> -->
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user fa-lg"></i> My Profile <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">View Account</a></li>
                <li><a href="#">Change Password</a></li>
                <li class="divider"></li>
                <!-- <li class="dropdown-header">Nav header</li> -->
                <li><a href="#"><i class="fa fa-sign-out fa-lg"></i> Logout</a></li>
              </ul>
            </li>
            <li><a href="#"><i class="fa fa-sign-out fa-lg"></i> Logout</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
    
    <div class="container main">
    	<div class="row">
    		<div class="col-md-3 sidebar">

				<div class="list-group">
		            <a href="#/home" class="list-group-item" ng-class="{active: currentPage == '/home'}"><i class="fa fa-home "></i> Home</a>
		            <a href="#/myAccount" class="list-group-item" ng-class="{active: currentPage == '/myAccount'}"><i class="fa fa-user fa-lg"></i> Personal Info</a>
		            <a href="#/logout" class="list-group-item" ng-class="{active: currentPage == '/logout'}"><i class="fa fa-sign-out fa-lg"></i> Logout</a>
		          </div>
        	</div>
    		<div class="col-md-9">
    			<div ng-view></div>
    		</div>
    	</div>
    	
    </div>

  </body>
</html>
